<template>
    <Card class="dept-tree">
        <Tree style="font-size: 16px;" :data="data3" :load-data="loadData" show-checkbox></Tree>
    </Card>
</template>
<script>
    export default {
        data () {
            return {
                data3: [
                    {
                        title: 'parent',
                        loading: false,
                        children: []
                    }
                ]
            }
        },
        methods: {
            loadData (item, callback) {
                setTimeout(() => {
                    const data = [
                        {
                            title: 'children',
                            loading: false,
                            children: []
                        },
                        {
                            title: 'children',
                            loading: false,
                            children: []
                        }
                    ];
                    callback(data);
                }, 0);
            }
        }
    }
</script>
<style scoped>
.dept-tree {
    position : fixed;
    height : 89%;
    width : 280px;
    overflow : auto;
}
</style>

